<template>
  <div>
    <Row class="topMenu">
      <Col span="8">
      <h2 class="topMenu_logo">腾渊达运营管理平台</h2>
      </Col>
      <Col span="14" offset="2">
      <div class="topMenu_right">
        <dl class="topMenu_logout">
          <dt><Icon type="log-out" size="30" class="lout" @click.native="logout"></Icon></dt>
        </dl>
      </div>
      </Col>
    </Row>
  </div>
</template>
<style scoped>
  .topMenu{height: 80px;background-color: #2d8cf0;overflow: hidden;}
  .topMenu_logo{font-size: 35px;color: #fff;padding-left: 20px;font-weight: 400;margin-top: 15px}
  .topMenu_logo>i{font-size: 16px;}
  .topMenu_right{overflow:hidden;float: right;margin-right: 20px;margin-top: 16px;}
  .topMenu_right dl{display: inline-block}
  .topMenu_user dt,.topMenu_user dd{height:100%;display: inline-block;}
  .topMenu_user dt{margin-right: 6px;}
  .topMenu_user dt img{width: 36px;height:36px;border-radius:5px;background-size: 100% auto;margin-top: 5px;}
  .topMenu_user dd{color:#fff;}
  .topMenu_user dd h6{font-size: 14px;line-height:24px;}
  .topMenu_user dd p{font-size: 12px;}
  .topMenu_logout{color: #fff;margin-left: 10px;}
  .topMenu_logout dt,.topMenu_logout dd{height:100%;display: inline-block}
  .topMenu_logout dt em{display: inline-block;width: 2px;height: 24px;background-color:#0ec7ff;margin-right: 10px;}
  .lout{color: #000}
</style>
